	<include file="public@head"/>
</head>

<body>
	<div class="wrap">
		<div class="panel panel-default">
			<div class="panel-heading">
	            <h3 class="panel-title">统计三</h3>
	        </div>
			<div class="content">
				<!-- 图表 -->
				<div class="chart" id="chart"></div>
			</div>
		</div>
	</div>
	<include file="public@scripts"/>
	<script>
		$(function () {
			//中间的图形
			var myChart = echarts.init($("#chart")[0]);
			var option = {
				title: {
					text: '数据统计',
					left: '8%'
				},
				xAxis: {
					type: 'category',
					name: '时间',
					splitLine: {
						interval: 0,
						show: true,
						lineStyle: {
							type: 'dashed'
						}
					},
					boundaryGap: false,
					data: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15],
					axisLabel: {
						formatter: '{value} 日'
					}
				},
				yAxis: {
					type: 'value',
					splitLine: {
						lineStyle: {
							type: 'dashed'
						}
					},
					name: '金额',
					nameLocation: 'end',
					nameTextStyle: {
						align: 'right'
					},
					axisTick: {
						show: false
					},
					axisLabel: {
						formatter: '{value} k'
					}
				},
				legend: {
					top: 20,
					right: '100',
					data: ['黑金奖', '白金奖', '黄金奖']
				},
				tooltip: {
					trigger: 'axis',
					axisPointer: {
						type: 'none'
					},
					backgroundColor: '#ffffff',
					textStyle: {
						color: ['#000']
					}
				},
				series: [{
					name: '黑金奖',
					data: [13, 15, 13, 15, 13, 15, 13, 21, 18, 15, 16, 18, 19, 17, 22],
					type: 'line',
					showSymbol: false,
					smooth: false,
					itemStyle: {
						normal: {
							color: "rgba(189, 92, 238, 1)"
						},
					}
				}, {
					name: '白金奖',
					data: [3, 15, 13, 5, 3, 2, 14, 16, 8, 5, 12, 8, 12, 7, 1],
					type: 'line',
					showSymbol: false,
					smooth: true,
					itemStyle: {
						normal: {
							color: "rgba(250, 174, 168, 1)"
						},
					},
					areaStyle: {
						normal: {
							color: 'rgba(250, 174, 168, 0.2)'
						}
					},
				}, {
					name: '黄金奖',
					data: [3, 15, 13, 5, 8, 8, 11, 12, 8, 15, 12, 8, 10, 7, 10],
					type: 'line',
					showSymbol: false,
					smooth: true,
					itemStyle: {
						normal: {
							color: "rgba(118, 198, 255, 1)"
						},
					},
					areaStyle: {
						normal: {
							color: 'rgba(118, 198, 255, 0.2)'
						}
					},
				}]
			};
			myChart.setOption(option);

		});
	</script>
</body>

</html>